<script setup lang="ts">
import { useLayoutConfigStore } from '@/store/layoutConfig'

const layoutConfigStore = useLayoutConfigStore()
const { isCollapse, globalTitle } = storeToRefs(layoutConfigStore)

</script>

<template>
  <div
    class="h-60px w-full flex justify-center items-center text-16px cursor-pointer border-b border-b-solid border-#f1f1f1 border-r border-r-solid">
    <img class="w-26px h-60px mr-10px hover:animate-spin" src="@/assets/logo.svg" fit="cover" />
    <span v-if="!isCollapse" class=" text-[##474d52]">{{ globalTitle }}</span>
  </div>
</template>

<style scoped lang="scss"></style>